<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript"
        src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=XM-Z&nickName=姓名测算-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>姓名测算</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/qrcode.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .bzjp_zf_container {
            padding: 0.1rem 0.1rem 1.2rem;
            background: #F9ECB8;
        }

        .bzjp_zf_top {
            background: url('__PUBLIC__/images/xmcs_img/img_caichangan.jpg') no-repeat;
            background-size: 100% 100%;
            margin-bottom: 0.2rem;
        }

        .redColor {
            color: #f73232;
            font-size: 0.32rem;
            font-weight: 600;
        }

        .bzjp_zf_content {
            width: 50%;
            padding-top: 0.5rem;
            margin-left: 0.4rem;
        }

        .bzjp_color {
            color: #f73232;
        }

        .bzjp_zf_content p {
            font-size: 0.28rem;
            color: #333333;
        }

        .bzjp_zf_content p:nth-child(3) {
            font-size: 0.24rem;
            color: #333333;
            padding-top: 0.14rem;
            padding-bottom: 0.2rem;
            text-align: center;
        }

        .bzjp_zf_time {
            font-size: 0.24rem;
            color: #333333;
            padding: 0.2rem 0;
            text-align: center;
        }

        .bzjp_zf_center {
            background-color: #ffffff;
            padding: 0.2rem;
        }

        .bzjp_zf_center_bg {
            background: url('__PUBLIC__/images/bzjp_img/img_mohu.png') no-repeat;
            background-size: 100% 100%;
            box-sizing: content-box;
            background-color: #ffffff;
            height: 8.84rem;
            color: #333333;
            text-align: center;
            position: relative;
        }

        .bzjp_zf_center_title {
            padding-top: 0.2rem;
            font-size: 0.48rem;
        }

        .bzjp_zf_center_lineNum {
            font-size: 0.27rem;
            padding-top: 0.3rem;
            padding-bottom: 0.4rem;
        }

        .bzjp_zf_center_bg p:nth-child(3) {
            width: 85%;
            margin: 0 auto;
            font-size: 0.2rem;
        }

        .bzjp_zf_center_bg div:nth-child(4) {
            width: 75%;
            margin: 0.7rem auto 0;
        }

        .bzjp_zf_center_bg div:nth-child(4) img {
            vertical-align: middle;
        }

        .bzjp_zf_center_foot {
            font-size: 0.28rem;
            color: #000000;
            position: absolute;
            width: 100%;
            bottom: 0.3rem;
        }

        .bzjp_zf_foot_title {
            font-size: 0.32rem;
            color: #333333;
            padding: 0.6rem 0;
            text-align: center;
        }

        .bzjp_zf_foot_title::before,
        .bzjp_zf_foot_title::after {
            content: '';
            background: url('__PUBLIC__/images/bzjp_img/img_icon.png') no-repeat;
            background-size: 100% 100%;
            width: 0.4rem;
            height: 0.4rem;
            display: inline-block;
            vertical-align: middle;
        }

        .bzjp_zf_foot_title::before {
            margin-right: 0.2rem;
        }

        .bzjp_zf_foot_title::after {
            margin-left: 0.2rem;
        }


        .bzjp_zf_foot_list {}

        .bzjp_zf_foot_list li {
            list-style: none;
            padding-bottom: 0.6rem;
        }

        .bzjp_zf_foot_list li h3 {
            font-size: 0.32rem;
            color: #333333;
            font-weight: 600;
            padding-bottom: 0.3rem;
        }

        .bzjp_zf_foot_list li h3::before {
            content: '';
            width: 0.30rem;
            height: 0.34rem;
            display: inline-block;
            margin-right: 0.4rem;
            background: url('__PUBLIC__/images/bzjp_img/img_sanjiao icon.png') no-repeat;
            background-size: 100% 100%;
            vertical-align: middle;
        }

        .bzjp_zf_foot_list li p {
            font-size: 0.24rem;
            margin-bottom: 0.12rem;
        }

        .bzjp_zf_foot_list li p:last-child {
            margin-bottom: 0;
        }

        .bzjp_zf_fiexd_btn {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 33;
        }

        .btn_bg {
            background: url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size: 100% 100%;
            height: 1rem;
            width: 7.3rem;
            margin: 0 auto;
        }

        #qrcode img {
            margin: 0 auto;
        }

        /* 评分  */
        .pingfen {
            padding-top: 0.3rem;
            font-size: 0.28rem;
            color: #333333;
        }

        .pf_list {
            padding-bottom: 0.3rem;
        }

        .pf_title {
            margin-bottom: 0.1rem;
        }

        .pf_num {
            color: #F73232;
            text-align: right;
        }

        .pf_show {
            background-color: #F9ECB8;
            padding: 0.1rem;
        }

        .pf_move_show {
            background-color: #F73232;
            height: 0.2rem;
        }

        /* 签名 */
        .qm_title {
            padding: 0.2rem 0;
            font-size: 0.36rem;
            color: #000000;
            text-align: center;
        }

        .qm_content {
            display: flex;
            align-items: center;
            justify-content: space-around;
            padding: 0.2rem 0;
            overflow: hidden;
        }

        .qm_name {
            font-size: 0.41rem;
            color: #000000;
        }

        .qm_jian {
            width: 0.92rem;
            height: 0.28rem;
            background: url('__PUBLIC__/images/xmcs_img/img_jiantou.png') no-repeat;
            background-size: 100% 100%;
        }

        .qm_img {
            width: 3rem;
            height: 1.3rem;
            position: relative;
        }

        .qm_img img {
            vertical-align: middle;
            filter: blur(5px);
            -webkit-filter: blur(5px);
            -ms-filter: blur(5px);
            -o-filter: blur(5px);
            -moz-filter: blur(5px);
        }

        .qm_cs {
            font-family: 'qianming';
            transform: scale(0);
            height: 0;
        }

        .qm_cs2 {
            font-family: 'lianbizi';
            transform: scale(0);
            height: 0;
        }

        .vivo-wrap {
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
        }

        .img.img1 {
            width: 100%;
            height: 6.28rem;
            background: url('__PUBLIC__/images/vivo/namez/dingbu.png') no-repeat center center;
            background-size: 100%;
        }

        .img.img2 {
            width: 100%;
            height: 3.03rem;
            background: url('__PUBLIC__/images/vivo/namez/juanzhou.png') no-repeat center center;
            background-size: 100%;
            padding: .8rem 1rem 0;
            box-sizing: border-box;
        }

        .img.img3 {
            width: 7.18rem;
            height: 8.12rem;
            background: url('__PUBLIC__/images/vivo/namez/fenxitu.png') no-repeat center center;
            background-size: 100%;
        }

        .img.img4 {
            width: 7.05rem;
            height: 8.04rem;
            background: url('__PUBLIC__/images/vivo/namez/dibu.png') no-repeat center center;
            background-size: 100%;
            margin: .3rem 0;
        }
        .img.img2 .row1{
            display: flex;
            height: .8rem;
            align-items: center;
            justify-content: space-between;
        }
        .img.img2 .row1 .op{
            font-size: .28rem;
            color: #000000;
            text-decoration: line-through;
            opacity: 0.96;
        }
        .img.img2 .row1 .tt{
            font-size: .30rem;
            line-height: 1.05rem;
            color: #000000;
        }
        .img.img2 .row2{
            display: flex;
            height: .8rem;
            align-items: center;
            justify-content: space-between;
        }
        .img.img2 .row2 .ttt{
            width: .89rem;
	height: .34rem;
    background-color: #FD5757;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem;
    margin-right: 0.2rem;
        }
        .img.img2 .row2 .np{
	font-size: .34rem;
	font-weight: bold;
	line-height: 1.05rem;
	color: #000000;
    margin-right: auto;
        }
        .img.img2 .row2 .td{
	font-size: .32rem;
	line-height: 1.05rem;

	color: #ff2400;
        }
        .ljck_btn {
            width: 6.35rem;
	height: .92rem;
            background-image: linear-gradient(0deg,
                    #e61e26 0%,
                    #ea585e 100%);
            box-shadow: 0px .13rem .21rem 0px rgba(230, 30, 38, 0.5);
            border-radius: .46rem;
            font-size: .37rem;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 .3rem ;
        }
    </style>
</head>

<body>
    <!-- ljck_btn -->
    <div class="vivo-wrap">
        <div class="img img1"></div>
        <div class="img img2">
            <div class="row1">
                <div class="op">原价：48元</div>
                <div class="tt">距离优惠结束</div>
            </div>
            <div class="row2">
                <div class="ttt">限时优惠</div>
                <div class="np">￥<!--{$Think.cookie.price}-->元</div>
                <div class="td" id="timestr">01:59:59</div>
            </div>
        </div>
        <div class="ljck_btn">立即支付</div>
        <div class="img img3"></div>
        <div class="img img4"></div>
    </div>
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥
                    <!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <div id="qrcode"></div>

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <canvas id="myCanvas" width="150" height="80" style="display: none">
        您的浏览器不支持canvas标签!
    </canvas>
    <!-- 抵用券 -->
    <include file="Public/coupon" />
    <include file="Public/qudao135zhifu" />

    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>

        // H5支付事件
        var ispress = true;
        function payMoney(payType) {
            if (ispress) {
                layer.load();
                if (payType == "wx") {
                    layer.closeAll('loading');
                    window.location.href = "<!--{:U('Xmcs/paywx','',false)}-->";
                } else if (payType == "zfb") {
                    layer.closeAll('loading');
                    $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
                }
                ispress = false;
                setTimeout(function () {
                    layer.closeAll('loading');
                }, 30000)
                setTimeout(function () {
                    ispress = true;
                }, 2000)
            } else {
                console.log('你不能重复发起支付')
            }
        }

        var wxsaoma = '<!--{$wxsaoma}-->';
        if (wxsaoma == '') {
            $('#qrcode').css('display', 'none');
        }
        var qrcode = new QRCode('qrcode', {
            text: wxsaoma,  //就是这个
            width: 120,
            height: 120,
            colorDark: '#000000',
            colorLight: '#ffffff',
            correctLevel: QRCode.CorrectLevel.H
        });


        var ordernum = "<!--{$Think.cookie.orderid}-->";
        {
            var payBoolean;
            function Monitor() {//微信扫码
                if ($('#publicPayPopup').css('display') == 'block') {
                    payBoolean = setInterval(function () {
                        //                        console.log(ordernum)
                        $.getJSON("<!--{:U('Index/wxsaomaSelect','',false)}-->", { ordernum: ordernum }, function (data) {
                            if (data == 1) {
                                clearInterval(payBoolean)
                                var oli = layer.load();
                                setTimeout(function () {
                                    layer.closeAll('loading');
                                    layer.msg('支付成功', { icon: 1 });
                                    setTimeout(function () {
                                        location.href = "<!--{:U('Xmcs/jieguoye','',false)}-->";
                                    }, 1300);
                                }, 1000);
                            }
                        });
                    }, 2000)
                }
                if ($('#publicPayPopup').css('display') == 'none') {
                    clearInterval(payBoolean)
                }
            }
        }

        var QTTopenid = "<!--{$Think.cookie.QTTopenid}-->";
        var channel = "<!--{$channel}-->";
        $('.bzjp_zf_fiexd_btn').on('click', function () {//悬浮付费解锁所有项
            Monitor();
            $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->", { csName: 'XM' }, function (data) {//回调入库
            });
            publicPayPopup();
        })
        $('.J_btn').on('click', function () {//解锁查看内容
            Monitor();
            $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->", { csName: 'XM' }, function (data) {//回调入库
            });
            publicPayPopup();
        })
        $('.ljck_btn').on('click', function () {//立即查看
            Monitor();
            $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->", { csName: 'XM' }, function (data) {//回调入库
            });
            publicPayPopup();
        })

        function publicPayPopup() {
            if (channel == 'qudao245' && QTTopenid != '') {//趣头条支付
                payMoney245(); exit;
            } else if (channel == 'appaidou') {//爱豆支付
                aidouPay(); exit;
            }
            zhifuPopup();
            $('#publicPayPopup').css('display', 'block');
        }

        $('#publicPPClose').on('click', function () {
            $('#publicPayPopup').css('display', 'none');
            Monitor();
        })

        setInterval(function () {
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->", function (data) {//回调入库
                $('#timestr').text(data);
            });
        }, 1000);


        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            //         alert('成功');
            wx.onMenuShareAppMessage({
                title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }

            });

            wx.onMenuShareQQ({
                title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
                //         alert('失败');
            });

        });

        $(".weixinzf").on('click', function () {
            WeixinJSBridge.invoke(
                'getBrandWCPayRequest', {
                "appId": "<!--{$appId}-->",     //公众号名称，由商户传入
                "timeStamp": "<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                "nonceStr": "<!--{$nonceStr}-->", //随机串
                "package": "<!--{$package}-->",
                "signType": "<!--{$signType}-->",         //微信签名方式：
                "paySign": "<!--{$paySign}-->" //微信签名
            },
                function (res) {
                    if (res.err_msg == "get_brand_wcpay_request:ok") {
                        location.href = "<!--{:U('Xmcs/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                    }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                }
            );

        });
    </script>
</body>

</html>